<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>xiaomi_market</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>

    <div class="header">
        <div class="nav">
            <div class="container">
                <div class="nav_bar">
                    <a href="">小米官网</a>
                    <span>|</span>
                    <a href="">小米商城</a>
                    <span>|</span>
                    <a href="">小米澎湃OS</a>
                    <span>|</span>
                    <a href="">小米汽车</a>
                    <span>|</span>
                    <a href="">云服务</a>
                    <span>|</span>
                    <a href="">IoT</a>
                    <span>|</span>
                    <a href="">有品</a>
                    <span>|</span>
                    <a href="">小爱开发平台</a>
                    <span>|</span>
                    <a href="">资质证照</a>
                    <span>|</span>
                    <a href="">协议规则</a>
                    <span>|</span>
                    <a href="">下载app</a>
                    <span>|</span>
                    <a href="">Select Location</a>
                    <!-- <span>|</span> -->
                </div>


                <div class="nav_car">
                    <div class="car">
                        <i class="iconfont icon-cart"></i> 购物车 (0)
                    </div>
                    <div class="car_list">
                        购物车中还没有商品，赶紧选购吧！
                    </div>
                </div>

                <div class="nav_center">
                    <a href="">登录</a>
                    <span>|</span>
                    <a href="">注册</a>
                    <span>|</span>
                    <a href="" class="message">消息通知</a>
                </div>
            </div>
        </div>
        <div class="logo">
            <div class="container">
                <div class="logo-logo">
                    <!-- <a href="//www.mi.com" title="小米官网" class="logo1 ir"> -->
                    <i class="iconfont icon-a-xiaomilogo_huaban1"></i>
                    <!-- </a> -->
                </div>

                <div class="logo-nav">
                    <ul class="logo-list clearfix">
                        <li class="ls">
                            <span class="logo-space"></span>
                            <div class="menu">
                                <ul class="categoryList clearfix">
                                    <li>
                                        <span>手机</span>
                                        <div class="right_list">
                                            AAAAA
                                        </div>

                                    </li>
                                    <li>
                                        <span>电视</span>
                                        <div class="right_list">
                                            BBBB
                                        </div>
                                    </li>
                                    <li>
                                        <span>家电</span>
                                        <div class="right_list">
                                            CCCCC
                                        </div>
                                    </li>
                                    <li>
                                        <span>笔记本 平板 显示器</span>
                                        <div class="right_list">

                                        </div>
                                    </li>
                                    <li>
                                        <span>出行 穿戴</span>
                                        <div class="right_list">

                                        </div>
                                    </li>
                                    <li>
                                        <span>耳机 音箱</span>
                                        <div class="right_list">

                                        </div>
                                    </li>
                                    <li>
                                        <span>健康 儿童</span>
                                        <div class="right_list">

                                        </div>
                                    </li>
                                    <li>
                                        <span>生活 箱包</span>
                                        <div class="right_list">

                                        </div>
                                    </li>
                                    <li>
                                        <span>智能 路由器</span>
                                        <div class="right_list">

                                        </div>
                                    </li>
                                    <li>
                                        <span>电源 配件</span>
                                        <div class="right_list">

                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>Xiaomi手机</li>
                        <li>Redmi手机</li>
                        <li>电视</li>
                        <li>笔记本</li>
                        <li>平板</li>
                        <li>家电</li>
                        <li>路由器</li>
                        <li>服务中心</li>
                        <li>社区</li>
                    </ul>
                </div>
                <div class="logo-search">
                    <input type="text">
                    <button>
                        <i class="iconfont icon-search"></i>

                    </button>
                </div>
            </div>
        </div>

    </div>

    <div class="home-hero container">
        <div class="homeSwiper"></div>
        <div class="homeSub">
            <div class="span4">
                <ul class="channel-list clearfix">
                    <li>
                        <a href="javascript:void(0)">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                                alt="保障服务">保障服务
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48"
                                alt="企业团购">企业团购
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48"
                                alt="F码通道">F码通道
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48"
                                alt="米粉卡">米粉卡
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48"
                                alt="以旧换新">以旧换新
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48"
                                alt="话费充值">话费充值
                        </a>
                    </li>
                </ul>
            </div>
            <div class="span16">
                <ul class="promoList clearfix">
                    <li class="first">
                        <a href="javascript:void(0)">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/13e510f97bb2b2f2ae210d05a3077fe7.png?w=632&h=340"
                                alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8dede2520f8dfff9c9b690af498cafe8.jpg?w=632&h=340"
                                alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1ac77590368ff636d0b4f6a988133f55.png?w=632&h=340"
                                alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="page-main home-main">
        <div class="container">
            <div class="banner-box">
                <a href="javascript:void(0)">
                    <img height="120" width="1226"
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8370d86c4fa1e4c1981c20e53c71b443.png?thumb=1&w=1533&h=150&f=webp&q=90">
                </a>
            </div>
            <div class="phone-box">
                <div class="box-hd">
                    <h2 class="title">手机</h2>
                    <div class="more">
                        <a href="javascript:void(0)" class="more-link">
                            查看更多<span> &gt;</span>
                        </a>
                    </div>
                </div>
                <div class="box-bd clearfix">
                    <div class="row">
                        <div class="span4">
                            <ul class="br-promo-list clearfix">
                                <li class="br-item br-item-l">
                                    <a href="javascript:void(0)">
                                        <img
                                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/078f10e387b2c53d73e5104c2e2a123c.jpg?thumb=1&w=293&h=768&f=webp&q=90">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span16">
                            <ul class="br-list clearfix">
                                <li class="br-item br-item-m br-item-m-2">
                                    <a href="">
                                        <div class="phone-img">
                                            <img width="160" height="160" alt="Xiaomi 15"
                                                data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                lazy="loaded">

                                        </div>
                                        <h3 class="title">
                                            Xiaomi 15
                                        </h3>
                                        <p class="desc"> 徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                        <div class="price">
                                            <span class="num">4499</span>元<span>起</span>
                                        </div>
                                    </a>
                                </li>

                                <li class="br-item br-item-m br-item-m-2">
                                    <a href="">
                                        <div class="phone-img">
                                            <img width="160" height="160" alt="Xiaomi 15"
                                                data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                lazy="loaded">

                                        </div>
                                        <h3 class="title">
                                            Xiaomi 15
                                        </h3>
                                        <p class="desc"> 徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                        <div class="price">
                                            <span class="num">4499</span>元<span>起</span>
                                        </div>
                                    </a>
                                </li>

                                <li class="br-item br-item-m br-item-m-2">
                                    <a href="">
                                        <div class="phone-img">
                                            <img width="160" height="160" alt="Xiaomi 15"
                                                data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                lazy="loaded">

                                        </div>
                                        <h3 class="title">
                                            Xiaomi 15
                                        </h3>
                                        <p class="desc"> 徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                        <div class="price">
                                            <span class="num">4499</span>元<span>起</span>
                                        </div>
                                    </a>
                                </li>

                                <li class="br-item br-item-m br-item-m-2">
                                    <a href="">
                                        <div class="phone-img">
                                            <img width="160" height="160" alt="Xiaomi 15"
                                                data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                lazy="loaded">

                                        </div>
                                        <h3 class="title">
                                            Xiaomi 15
                                        </h3>
                                        <p class="desc"> 徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                        <div class="price">
                                            <span class="num">4499</span>元<span>起</span>
                                        </div>
                                    </a>
                                </li>

                                <li class="br-item br-item-m br-item-m-2">
                                    <a href="">
                                        <div class="phone-img">
                                            <img width="160" height="160" alt="Xiaomi 15"
                                                data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                lazy="loaded">

                                        </div>
                                        <h3 class="title">
                                            Xiaomi 15
                                        </h3>
                                        <p class="desc"> 徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                        <div class="price">
                                            <span class="num">4499</span>元<span>起</span>
                                        </div>
                                    </a>
                                </li>

                                <li class="br-item br-item-m br-item-m-2">
                                    <a href="">
                                        <div class="phone-img">
                                            <img width="160" height="160" alt="Xiaomi 15"
                                                data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                lazy="loaded">

                                        </div>
                                        <h3 class="title">
                                            Xiaomi 15
                                        </h3>
                                        <p class="desc"> 徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                        <div class="price">
                                            <span class="num">4499</span>元<span>起</span>
                                        </div>
                                    </a>
                                </li>

                                <li class="br-item br-item-m br-item-m-2">
                                    <a href="">
                                        <div class="phone-img">
                                            <img width="160" height="160" alt="Xiaomi 15"
                                                data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                lazy="loaded">

                                        </div>
                                        <h3 class="title">
                                            Xiaomi 15
                                        </h3>
                                        <p class="desc"> 徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                        <div class="price">
                                            <span class="num">4499</span>元<span>起</span>
                                        </div>
                                    </a>
                                </li>

                                <li class="br-item br-item-m br-item-m-2">
                                    <a href="">
                                        <div class="phone-img">
                                            <img width="160" height="160" alt="Xiaomi 15"
                                                data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                                                lazy="loaded">

                                        </div>
                                        <h3 class="title">
                                            Xiaomi 15
                                        </h3>
                                        <p class="desc"> 徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2</p>
                                        <div class="price">
                                            <span class="num">4499</span>元<span>起</span>
                                        </div>
                                    </a>
                                </li>


                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>







    <div>

        <div class="footer">
            <div class="container">
                <div class="footer-service">
                    <ul class="list-service clearfix">
                        <li>
                            <a href="">
                                预约维修服务
                            </a>
                        </li>
                        <li>
                            <a href="">
                                7天无理由退货
                            </a>
                        </li>
                        <li>
                            <a href="">
                                15天免费换货
                            </a>
                        </li>
                        <li>
                            <a href="">
                                满69包邮
                            </a>
                        </li>
                        <li>
                            <a href="">
                                1100余家售后网点
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="footer-links clearfix">
                    <dl class="col-links col-liks-first">
                        <dt></dt>
                    </dl>
                    <dl class="col-links">
                        <dt>选购指南</dt>
                        <dd>
                            <a href="">手机</a>
                        </dd>
                        <dd>
                            <a href="">电视</a>

                        </dd>
                        <dd>
                            <a href="">笔记本</a>

                        </dd>
                        <dd>
                            <a href="">平板</a>

                        </dd>
                        <dd>
                            <a href="">穿戴</a>

                        </dd>
                        <dd>
                            <a href="">耳机</a>

                        </dd>
                        <dd>
                            <a href="">家电</a>

                        </dd>
                        <dd>
                            <a href="">路由器</a>

                        </dd>
                        <dd>
                            <a href="">音箱</a>

                        </dd>
                        <dd>
                            <a href="">配件</a>
                        </dd>

                    </dl>

                    <dl class="col-links">
                        <dt>服务中心</dt>
                        <dd>
                            <a href="">售后申请</a>
                        </dd>
                        <dd>
                            <a href="">售后政策</a>

                        </dd>
                        <dd>
                            <a href="">维修服务价格</a>

                        </dd>
                        <dd>
                            <a href="">订单查询</a>

                        </dd>
                        <dd>
                            <a href="">以旧换新</a>

                        </dd>
                        <dd>
                            <a href="">保障服务</a>

                        </dd>
                        <dd>
                            <a href="">防伪查询</a>

                        </dd>
                        <dd>
                            <a href="">F码通道</a>

                        </dd>


                    </dl>


                    <dl class="col-links">
                        <dt>线下门店</dt>
                        <dd>
                            <a href="">小米之家</a>
                        </dd>
                        <dd>
                            <a href="">服务网点</a>

                        </dd>
                        <dd>
                            <a href="">授权体验店/专区</a>

                        </dd>



                    </dl>


                    <dl class="col-links">
                        <dt>关于小米</dt>
                        <dd>
                            <a href="">了解小米</a>
                        </dd>
                        <dd>
                            <a href="">加入小米</a>

                        </dd>
                        <dd>
                            <a href="">投资者关系</a>

                        </dd>
                        <dd>
                            <a href="">可持续发展</a>

                        </dd>
                        <dd>
                            <a href="">廉洁举报</a>

                        </dd>



                    </dl>


                    <dl class="col-links">
                        <dt>关注我们</dt>
                        <dd>
                            <a href="">新浪微博</a>
                        </dd>
                        <dd>
                            <a href="">官方微信</a>

                        </dd>
                        <dd>
                            <a href="">联系我们</a>

                        </dd>
                        <dd>
                            <a href="">公益基金会</a>

                        </dd>




                    </dl>

                    <div class="col-contact" style="border-left-width:0px;">
                        <div class="col-contact" style="float:none;">
                            <p class="phone">400-100-5678</p>
                            <p>8:00-18:00（仅收市话费）</p>
                            <a href="" rel="nofollow" class="btn btn-line-primary bth-small J_contactBtn">
                                人工客服
                            </a>
                        </div>

                        <p class="phone" style="margin-top: 25px;">400-180-8888</p>
                        <div style="width: 200px; text-align: left; margin-left: 52px;">
                            <p>8:00-18:00（仅收市话费）</p>
                            <p style="margin-top: 3px;">适用于：MIX FOLD、巨屏电视系列</p>
                        </div>
                        <a rel="nofollow" class="btn btn-line-primary btn-small J_contactBtn">人工客服 </a>
                    </div>
                </div>


            </div>
        </div>
    </div>
</body>

</html>